*{margin:0;padding:0;list-style: none;box-sizing:border-box;}
body{font-family:"Microsoft YaHei";}
img{width:100%;vertical-align: top;}
a{text-decoration:none;}
html{font-size:100px;}
header,section,footer{width:100%;}
#body1{width:100%;background:#bb160e url(../images/bg.png) no-repeat;background-size:100% 111%;}
#b_2{width:100%;background:#3a0101 url(../images/bg.png) no-repeat;background-size:100% 111%;}
/*header logo部分*/
header{margin-top:3.5%;}
header img{display:block;width:46%;margin:0 auto;}
.care{width:87%;margin:0 auto;background-color:#fff;position:relative;margin-top:3%;}
.care p{width:90%;line-height:.16rem;font-size:.12rem;margin:0 auto;color:#000;padding-top:2%;}

.care1{width:87%;margin:0 auto;background-color:#f2f2f2;position:relative;margin-top:3%;}
.care1 p{width:90%;line-height:.16rem;font-size:.12rem;margin:0 auto;color:#000;padding-top:2%;}

p.code{padding-top:0;padding-bottom:2%;}
.right{display:block;position:absolute;top:-47%;right:18%;width:24%;}
.right_2{display:block;position:absolute;top:-38%;right:8%;width:24%;}

.box2{width:87%;margin:0 auto;height:.08rem;background-color:#fff;margin-top:.05rem;}
.box1{width:87%;margin:0 auto;height:.08rem;background-color:#f2f2f2;margin-top:.05rem;}

.locate{width:83%;margin:0 auto;margin-top:4%;}
.locate p{width:100%;margin:0 auto;color:#fff;font-size:.12rem;}
.product{width:100%;margin:0 auto;margin-top:4%;}
.product img{max-width:70%;display:block;margin:0 auto;}
.msg{width:80%;margin:0 auto;background:url(../images/msg_bg.png) no-repeat center center;background-size:100% 100%;height:.3rem;margin-top:4%;}
.msg p{font-size:.14rem;width:100%;text-align:center;color:#fff;height:.3rem;line-height:.3rem;}

.msg_text{width:80%;background-color:#fff;margin:0 auto;border:1px solid #000;border-top:none;margin-bottom:50px;}
.msg_text p{color:#000;font-size:.12rem;padding-left:3%;}
.msg_text p:first-child{padding-top:1.3%;}
.msg_text p:last-child{padding-bottom:1.3%;}

.msg_text1{width:80%;background-color:#fff;margin:0 auto;border:1px solid #000;border-top:none;margin-bottom:50px;}
.msg_text1 p{color:#000;font-size:.12rem;padding-left:3%;}
.msg_text1 p:first-child{padding-top:1.3%;}
.msg_text1 p:last-child{padding-bottom:1.3%;}

.box{display: flex;}
.box>li{flex-grow: 1;}
.nav4{
    height:45px;
}
.nav4 ul{
    position:fixed;
    z-index:200;
    bottom:0;
    left:0;
    width:100%
}
.nav4 li{
    border:1px solid rgba(190,190,190,1);
    height:45px;
    border-bottom:0;
    border-right:0;
    position:relative;
    -webkit-box-shadow:inset 0 0 3px #fff;
    float:left;
    width:33.26%;
}
.nav4 li:nth-of-type(1){border-left;0;}
.nav4 li>a{
    font-size:15px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    /*border:1px solid #f9f8f9;*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-bottom:0;
    display:block;
    line-height:45px;
    text-align:center;
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#dcdcdc), color-stop(35% ,#ededed), color-stop(50%, #e3e3e3) );
}
.nav4 li>a:only-child span{
    background:none;
    padding-left:0;
}
.nav4 li>a.on + dl{
    display: block;
}
.nav4 li>a span{
    color: #4f4d4f;
    display: inline-block;
 /*   padding-left: 15px;
    background: url(../image/1.svg#2) no-repeat 4px 18px;
    -webkit-background-size: 9px auto;*/
    text-shadow:0px 1px 0px #ffffff;
}
/***********************/
.nav4 dl{
    display:none;
    position:absolute;
    z-index:220;
    bottom:60px;
    left:40%;
    width:150px;
    margin-left:-50px;
    background:red;
    /*min-height:100px;*/
    background:#e4e3e2;
    /*border:1px solid #afaeaf;*/
    border-radius:5px;
    -webkit-box-shadow:inset 0 0 3px #fff;
    background:url(../images/2.svg#3) no-repeat center center;
    -webkit-background-size:100%;
    background-size:100%;
}
/*, .nav4 dl:after*/
.nav4 dl:before{
    content:"";
    display:inline-block;
    position:absolute;
    z-index:240;
    bottom:0;
    left:50%;
    /*width:0;
    height:0;
    border:8px solid red;
    border-color:#afaeaf transparent transparent transparent;
    margin-left:-8px;
    margin-bottom:-16px;*/
    width:10px;
    height:8px;
    background: url(../images/1.svg#2) no-repeat center -55px;
    -webkit-background-size: 10px auto;
    bottom: -7px;
    margin-left: -5px;
}
/*.nav4 dl:after{
        z-index:241;
        border-color:#e4e3e2 transparent transparent transparent;
        margin-bottom:-15px;
}*/
.nav4 dl dd{
    line-height:45px;
    text-align:center;
    background:-webkit-gradient(linear, 0 0, 100% 0, from(rgba(194,194,194,0.8)), to(rgba(194,194,194,0.8)), color-stop(50%, rgba(194,194,194,0.8)));
    background-size:80% 1px;
    background-repeat:no-repeat;
    background-position: center bottom;
    /*background: url(../image/3.svg#4) no-repeat center bottom;
    -webkit-background-size:100px 1px;*/
}
.nav4 dl dd:last-of-type{
    background:none;
}
.nav4 dl dd a{
    font-size: 15px;
    display:block;
    color:#4f4d4f;
    text-shadow:0px 1px 0px #ffffff;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nav4 dl dd img{
    width: 80%;
    display: block;
    margin: 10px auto 0;
}
.nav4 .masklayer_div{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 180;
    background: rgba(0,0,0,0);
}
.nav4 .masklayer_div.on{display: block;}

footer{overflow:hidden;width:100%;height:.42rem;background-color:#d4dee0;background-size:100% 100%;position:fixed;bottom:0;left:0;border-top:2px solid #595959;}
footer a{float:left;width:50%;height:.42rem;line-height:.42rem;text-align:center;}
footer a:first-child{border-right:2px solid #595959;}
footer a{font-size:.16rem;font-weight:500;color:#000;}
@media only screen and (width:768px ){
	header{margin-top:3%;}
	.care{width:75%;}
	.box2{width:75%;}
	.care1{width:75%;}
	.box1{width:75%;}
	.care p{font-size:.14rem;line-height:.3rem;}
	.care1 p{font-size:.14rem;line-height:.3rem;}
	.right{width:18%;top:-26%;}
    .right_2{width:18%;top:-26%;}
	.locate p{font-size:.14rem;width:82%;}
	.product img{max-width:27%;}
	.msg_text{width:70%;}
	.msg_text1{width:70%;}
	.msg{width:70%;}
}
@media only screen and (min-height:600px){
    header{margin-top:4%;}
    .product{margin-top:7%;}
	.msg{margin-top:7%;}
	.care{margin-top:7%;}
	.care1{margin-top:7%;}
    footer{height:.44rem;}
	footer p{height:.44rem;line-height:.44rem;}
}
@media only screen and (min-height:600px){
    header{margin-top:5%;}
    .product{margin-top:7%;}
	.msg{margin-top:7%;}
	.care{margin-top:7%;}
	.care1{margin-top:7%;}
    footer{height:.5rem;}
	footer p{height:.5rem;line-height:.5rem;}
}
@media only screen and (min-height:700px){
    header{margin-top:5%;}
    .product{margin-top:7%;}
	.msg{margin-top:7%;}
	.care{margin-top:7%;}
	.care1{margin-top:7%;}
    footer{height:.5rem;}
	footer p{height:.5rem;line-height:.5rem;}
}
/*@media only screen and (min-height:733px){
    header{margin-top:8%;}
    .product{margin-top:8%;}
	.msg{margin-top:8%;}
	.care{margin-top:8%;}
    footer{height:.5rem;}
	footer p{height:.5rem;line-height:.5rem;}
}*/
@media only screen and (width:320px ) and (height:568px){
	.care{width:90%;margin-top:6%;}
	.box2{width:90%;}
	.care p{width:96%;}
	.care1{width:90%;margin-top:6%;}
	.box1{width:90%;}
	.care1 p{width:96%;}
	.locate{width:88%;}
	header{margin-top:3%;}
	.product{margin-top:5%;}
	.msg{margin-top:5%;}
	footer{height:.44rem;}
	footer p{height:.44rem;line-height:.44rem;}
}
@media only screen and (width: 360px) and (height:640px){
    header{margin-top:4%;}
    .product{margin-top:7%;}
	.msg{margin-top:7%;}
	.care{margin-top:7%;}
	.care1{margin-top:7%;}
	footer{height:.44rem;}
	footer p{height:.44rem;line-height:.44rem;}
}
@media only screen and (width: 320px) and (height:568px){
    header{margin-top:3%;}
    footer{height:.44rem;}
	footer p{height:.44rem;line-height:.44rem;}
}
@media only screen and (width: 320px) and (height:480px){
    header{margin-top:3%;}
    footer{height:.36rem;}
	footer p{height:.36rem;line-height:.36rem;}
	.care p{width:98%;}
	.care{width:90%;}
	.box2{width:90%;}
	.care1 p{width:98%;}
	.care1{width:90%;}
	.box1{width:90%;}
	.locate{width:90%;}
	.product img{width:37%;}
}
@media only screen and (width: 384px) and (height:640px){/*LG*/
    header{margin-top:4%;}
    footer{height:.4rem;}
	footer p{height:.4rem;line-height:.4rem;}
	.care p{width:98%;}
	.care{width:90%;}
	.box2{width:90%;}
	.care1 p{width:98%;}
	.care1{width:90%;}
	.box1{width:90%;}
	.locate{width:90%;}
	.product img{width:37%;}
}